<template>
  <h2>我是About的内容</h2>
</template>

<script>
export default {
  name: "About",
  // 通过路由规则进入该组件时被调用
  beforeRouteEnter(to, from, next) {
      console.log('进入About路由组件,  beforeRouteEnter才会被调用');
    if (to.meta.isAuth) {
      if (localStorage.getItem("school") === "bz") {
        next();
      } else {
        alert("无权限,需提供学校名");
      }
    }else{
      next()
    }
  },
  // 通过路由规则离开该组件时被调用
    beforeRouteLeave(to, from, next) {
      console.log('离开About路由组件, beforeRouteLeave才会被调用');
      next();//切记放行！
    },
  // 一定注意:
  // 跟全局路由守卫进行区分:
  // 1.全局路由守卫:只要成功完成切换路由组件(若权限不通过则为切换失败),则全局路由守卫的切换前、切换后函数都会同一时间被调用
  // 2.组件路由守卫:进入和离开函数,不会同一时间触发调用,而是随用户动作决定,用户进入该组件时则调用进入的函数,离开该组件时(切换)则调用离开函数。是分两次的。
};
</script>

<style>
</style>